<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <div class="header">
        <div class="header-c">
            <img class="logo" src="ima/logo.png" alt="">
            <ul>
                <li class="xianshi">HOME<div class="line"></div>
                </li>
                <li>FLOWERS<div class="line"></div></li>
                <li>PLANTS<div class="line"></div></li>
                <li>ORDERS<div class="line"></div></li>
                <li><img src="ima/搜索.png" alt=""></li>
            </ul>
        </div>
    </div>
    <div class="banner">
        <div class="yuan">
            <div class="one two"></div>
            <div class="one"></div>
            <div class="one"></div>
        </div>
    </div>
    <div class="product">
        <div class="one">
            <img src="" alt="">
            <h2>Home Decoration<br>in Gree</h2>
            <p>see all collection &nbsp;&nbsp;&nbsp;﹥</p>
            <div class="sekuai"></div>
            <img src="ima/product_one.png" alt="">
        </div>
        <div class="one three">
            <img src="" alt="">
            <h2>If You Were A Cactus<br>In The Desert</h2>
            <p>see all collection &nbsp;&nbsp;&nbsp;﹥</p>
            <img src="ima/product_two.png" alt="">
            <!-- <div class="sekuai"></div> -->
        </div>
        <div class="one two">
            <img src="" alt="">
            <h2>Valentines Day <br>in China</h2>
            <p>see all collection &nbsp;&nbsp;&nbsp;﹥</p>
            <!-- <div class="sekuai"></div> -->
            <img src="ima/product_three.png " alt="">

        </div>
    </div>
    <div class="sort">
        <ul class="clear">
            <Li class="xianshi">ALL<div class="line"></div></Li>
            <Li>FRESH<div class="line"></div></Li>
            <Li>DRIER<div class="line"></div></Li>
            <Li>POTTED<div class="line"></div></Li>
            <Li class="mar">DECORATION<div class="line"></div></Li>
        </ul>
        <div class="sort-item">
            <img src="ima/图1.png" alt="">
            <p>
                <span class="title">Myrtle Cactus</span>
                <span class="price">$20.45</span>
            </p>
            <p class="des">Potted</p>
        </div>
        <div class="sort-item">
            <img src="ima/图2.png" alt="">
            <p>
                <span class="title">Sunflower</span>
                <span class="price">$45.30</span>
            </p>
            <p class="des">Bouquet</p>
        </div>
        <div class="sort-item">
            <img src="ima/图3.png" alt="">
            <p>
                <span class="title">Vetiver</span>
                <span class="price">$12.56</span>
            </p>
            <p class="des">Potted </p>
        </div>
        <div class="sort-item mar0">
            <img src="ima/图4.png" alt="">
            <p>
                <span class="title">Viloet Roses</span>
                <span class="price">$18.97</span>
            </p>
            <p class="des">Bouquet </p>
        </div>
    </div>
    <div class="about">
        <div class="about-c">
            <div class="us">About Us</div>
            <div class="art">We publish announcement about us here, this shop so far has been about <br>
                what we likeand why we like it. In this brief final chapter, I turn to some implications of the <br>
                If you would like to know more about us I would <br>
                be happy to have short call with you.</div>
            <div class="more">MORE</div>
        </div>
    </div>
    <div class="hot">
        <div class="hot-c">
            <div class="hot-item">
                <img src="ima/ONE.jpg" alt="">
                <div class="color">
                    <p class="title">Decoration</p>
                    <p class="des">design your house</p>
                </div>
            </div>
            <div class="hot-item">
                <img src="ima/three.jpg" alt="">
                <div class="color">
                    <p class="title">Bouquet</p>
                    <p class="des">bridal bouquet</p>
                </div>
            </div>
            <div class="hot-item mar0">
                <img src="ima/two.jpg" alt="">
                <div class="color">
                    <p class="title">Ornaments</p>
                    <p class="des">goods of funiture</p>
                </div>
            </div>
        </div>
    </div>
    <div class="join">
        <p class="title">Join Our Newsletter</p>
        <p class="your">Your Emails</p>
        <div class="line"></div>
        <div class="send">Send</div>
        <div class="des">In effect, we are saying thar if you want to join us, then you have to become one <br>
            of us.We bless each of you and look forward to those of you choosing to join us ahead.<br>
            Would you like to join us?</div>
    </div>
    <div class="foot clear">
        <div class="foot-c clear">
            <dl class="one">
                <dt>logo</dt>
                <dd>© 2015-2019 Leaf Shop.<br>
                    Flower Family.</dd>
            </dl>
            <dl>
                <dt>Locate us</dt>
                <dd>Phone 0298-930393</dd>
                <dd>Email leaf@gamil.com</dd>
            </dl>
            <dl>
                <dt>Information</dt>
                <dd>Phone 0298-930393</dd>
                <dd>Email leaf@gamil.com</dd>
            </dl>
            <dl>
                <dt>Information</dt>
                <dd>All products</dd>
                <dd>About us</dd>
                <dd>Contact us </dd>
            </dl>
            <dl>
                <dt>Discover</dt>
                <dd>Flowers</dd>
                <dd>Bouquet</dd>
                <dd>Ornaments</dd>
                <dd>Decoration</dd>
            </dl>
            <dl>
                <dt>Contact</dt>
                <dd>Send us by email</dd>
                <dd>Goodbye </dd>
            </dl>
            <dl class="mar0">
                <dt>Downlod App</dt>
                <dd><img src="ima/FaceBook.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="ima/ins.png" alt=""></dd>
            </dl>
        </div>
    </div>
</body>
</html>